body{
    margin: 0;padding: 0;
    background-color: #f5f6f9;
}

.header{display:flex;
    justify-content:space-between;
    position: fixed;width: 100%;
    background-color: #68cdd5;
    z-index: 2; color:white ;}

#left{padding: 16.8px 0 15.5px 15px;}
#left img{width: 10px;}
#title{font-size: 15px;
    padding: 15.5px 0 15.5px 0; }
#right{padding: 16.8px 15px 15.5px 0;}

.double{height: 52.3px; }



.margin{background-image: url("pjt.gif");
    background-size:100% 100%;
    z-index: 1; color: white; }
.margin img{width: 90px;
    padding: 39px 0 39px 18px;}

.name{position: absolute;
    top:5.6rem; left: 8.3rem; }

.years{position: absolute;
    top:6rem; left:12rem;
    font-size: 12.3px; }

.nav img{width: 10px;
    position: absolute;
    top: 6rem; left:7.3rem; }
.nav p{position: absolute;font-size: 10px;
    top: 7.8rem;left:9.5rem;}



.skill{padding:17px 0 17px 0;
    line-height: 14px;
    border-bottom: 1px solid #e1e5e7;}
.box{ margin-left: 14.5px;
    border-left: 1.5px solid #68cdd5;}
.skill span{margin-left:13px;}



.container{margin-left: 29px; }

.life{padding:17px 0 17px 0;
    line-height: 14px;
    border-bottom: 1px solid #e1e5e7;}
.life img{width:13px; }
.home{display: inline-block;
    padding-right:12px;
    border-right:1px solid #e1e5e7;
    margin-right: 8px;}
.diet{display: inline-block;}

.age{padding:17px 0 17px 0;
    line-height: 14px;
    border-bottom: 1px solid #e1e5e7;}
.age div{display: inline-block;
    padding-right:12px;
    border-right:1px solid #e1e5e7;
    margin-right: 12px;
    color:#999999; }

.work{padding:17px 0 17px 0;
    line-height: 14px;
    border-bottom: 1px solid #e1e5e7;}
.work div{display: inline-block;
    padding-right:12px;
    border-right:1px solid #e1e5e7;
    margin-right: 12px;
    color:#999999; }

.cost {padding:17px 0 17px 0;
    line-height: 14px;
    border-bottom: 1px solid #e1e5e7; }
.cost div{display: inline-block;
    padding-right:12px;
    border-right:1px solid #e1e5e7;
    margin-right: 12px;
    color:#999999;}
.cost span{color: #e26163;font-weight:bold;}

.introduce{display:flex;padding:20px 0 17px 0;
    margin-bottom: 20rem;
    border-bottom: 1px solid #e1e5e7;
    align-items: center;}
.introduce div{margin:10px 12px 10px 29px;
    border-right:1px solid #e1e5e7;
    padding-right:12px;
    white-space: nowrap;line-height: 14px;
    color:#999999; }
.introduce span{font-size: 14px; }


.footer{display: flex;
    justify-content:space-between;
    position: fixed;
    bottom: 0; right: 0; left: 0;
    width: 100%;z-index: 3;
    background-color: #f5f6f9;}
.left{ width: 43.5%; text-align: center;
    padding: 0.75rem 0 0.75rem 0;
    margin-left:0.9rem;border: 1px solid #68cdd5;
    border-radius: 7px; color: #68cdd5;  }

.right{width: 43.5% ;text-align: center;
    padding: 0.75rem 0 0.75rem 0;
    margin-right: 0.9rem;
    border: 1px solid #68cdd5;
    background-color: #68cdd5;
    border-radius: 7px;color: white;}

